<div class="wi-panel" ng-class="{'wi-panel-close': !isOpen}"
     ng-style="{'width': width}">
    <div class="wi-panel-head" ng-click="collbyHead()">
        <div wi-panel-transclude="headingEl">
            <img ng-if="headicon" class="wi-panel-icon" ng-src="{{headicon}}" />
            {{heading}}
        </div>
        <div ng-if="headTools.visible" class="wi-panel-tools"><!--span首尾相连，避免换行产生空格-->
            <span ng-repeat="tool in headTools.custom track by $index"
                  ng-click="tool.opt($event)" class="{{tool.cls}}"></span
            ><span ng-if="headTools['collapse']"
                  ng-click="collbyTool($event)"
                  class="fa"
                  ng-class="{'fa-chevron-down':collapsed, 'fa-chevron-up':!collapsed}"></span
            ><span ng-if="headTools['close']" class="fa fa-remove"
                  ng-click="closebyTool($event)"></span>
        </div>
    </div>
    <div class="wi-panel-box" wi-collapse="collapsed" ng-transclude></div>
</div>